<template>
  <MyIcon class="bh-icon" :type="`icon-${props.type}`" />
</template>

<script setup>
import { defineProps } from "vue";
import { createFromIconfontCN } from '@ant-design/icons-vue';
const MyIcon = createFromIconfontCN({
  scriptUrl: '/iconfont.js?v=0512',
});

const props = defineProps(['type'])

</script>

<style lang="less">
.anticon.bh-icon{
  color: #9095a2;
  font-size: inherit;
  &.active{
    color: @primary-color;
  }
  svg{
    font-size: inherit;
    color: inherit;
  }
}
path{
  fill: currentColor;
}
</style>